// 样式变量定义
export const colors = {
  // 主色调
  primary: '#f59e0b', // 琥珀色，用于重要按钮和强调元素
  primaryDark: '#d97706',
  primaryLight: '#fbbf24',
  
  // 背景色
  background: '#0f172a', // 深蓝灰背景
  backgroundSecondary: '#1e293b', // 次要背景色
  backgroundCard: '#1e293b', // 卡片背景色
  
  // 文字颜色
  textPrimary: '#f1f5f9', // 主要文字
  textSecondary: '#94a3b8', // 次要文字
  textAccent: '#f59e0b', // 强调文字
  
  // 边框颜色
  border: '#334155',
  borderLight: '#475569',
  
  // 状态颜色
  success: '#10b981',
  warning: '#f59e0b',
  error: '#ef4444',
  info: '#3b82f6',
  
  // 渐变色
  gradientGold: 'linear-gradient(135deg, #f59e0b 0%, #d97706 100%)',
  gradientPurple: 'linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%)',
  gradientBlue: 'linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%)',
};

export const spacing = {
  xs: '4px',
  sm: '8px',
  md: '16px',
  lg: '24px',
  xl: '32px',
  xxl: '48px',
};

export const borderRadius = {
  sm: '4px',
  md: '8px',
  lg: '16px',
  xl: '24px',
  full: '50%',
};

export const boxShadow = {
  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
};

export const typography = {
  fontFamily: "'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif",
  fontSize: {
    xs: '12px',
    sm: '14px',
    base: '16px',
    lg: '18px',
    xl: '20px',
    '2xl': '24px',
    '3xl': '30px',
    '4xl': '36px',
  },
  fontWeight: {
    light: 300,
    normal: 400,
    medium: 500,
    bold: 700,
  },
  lineHeight: {
    tight: 1.25,
    snug: 1.375,
    normal: 1.5,
    relaxed: 1.625,
    loose: 2,
  },
};

export const breakpoints = {
  sm: '640px',
  md: '768px',
  lg: '1024px',
  xl: '1280px',
  '2xl': '1536px',
};

export const zIndex = {
  auto: 'auto',
  bottom: '-1',
  '0': '0',
  '10': '10',
  '20': '20',
  '30': '30',
  '40': '40',
  '50': '50',
  top: '9999',
};